<template>
	<view class="container">
		<view>
			<desc-wrapper :title="title" :desc="desc"></desc-wrapper>
			<z-card title="基本信息">
				<view class="">
					<text class="shrink-0 card-content-label_left">您掷出易经第</text>
					<text class="shrink-0 card-content_right card-text-red">{{ responseData.id}}</text>
					<text>卦</text>
				</view>
				<view class="card-content-item ">
					<text class="shrink-0 card-content-label_left">卦名:</text>
					<text class="card-content_right card-text-red">{{ responseData.common_desc1}} </text>
				</view>
				<view class="card-content-item justify-between">
					<text class="shrink-0 card-content-label_left">象曰:</text>
					<text class="card-content_right">{{ responseData.common_desc2}}</text>
				</view>
				<view class="card-content-item justify-between">
					<text class="shrink-0 card-content-label_left">解卦:</text>
					<text class="card-content_right">{{ responseData.common_desc3}}</text>
				</view>
			</z-card>
			<z-card title="解卦信息">
				<view class="card-content-item justify-between">
					<text class="shrink-0 card-content-label_left">事业:</text>
					<text class="card-content_right">{{ responseData.shiye }}</text>

				</view>
				<view class="card-content-item justify-between">
					<text class="shrink-0 card-content-label_left">经商:</text>
					<text class="card-content_right">{{ responseData.jingshang }}</text>
				</view>
				<view class="card-content-item justify-between">
					<text class="shrink-0 card-content-label_left">求名:</text>
					<text class="card-content_right">{{ responseData.qiuming }}</text>
				</view>
				<view class="card-content-item justify-between">
					<text class="shrink-0 card-content-label_left">外出:</text>
					<text class="card-content_right">{{ responseData.waichu }}</text>
				</view>
				<view class="card-content-item justify-between">
					<text class="shrink-0 card-content-label_left">婚恋:</text>
					<text class="card-content_right">{{ responseData.hunlian }}</text>
				</view>
				<view class="card-content-item justify-between">
					<text class="shrink-0 card-content-label_left">决策: </text>
					<text class="card-content_right">{{ responseData.juece }}</text>
				</view>
			</z-card>
			<view class="bottom-btns" style="transform: translateY(-100%);" @click="todashi">
				<view class="start-btn">
					<text>大师详解</text>
				</view>
			</view>
		</view>
	</view>
</template>





<script>
	export default {

		data() {
			return {
				title: '摇卦结果分析',
				desc: '本次测算结果仅供娱乐使用，请勿用于封建迷信和违法用途。',
				responseData: {

				}
			};
		},

		onLoad(opt) {
			this.responseData = JSON.parse(opt.params) //JSON字符串转换成JSON
			console.log(this.responseData, '@');
		},
		methods:{
			todashi(){
				uni.switchTab({
					url:'/pages/tabbar/service'
				})
			}
		}
	}
</script>
<style lang="scss" scoped></style>